@charset "UTF-8";
.personal-center{
  width: ~"calc(100% - 40px)";
  min-width: 1200px;
  min-height: 800px;
  padding: 0px 20px;
  .menu-area{
    float: left;
    width: 20%;
    min-height: 700px;
    a{
      width: 100%;
      height: 100px;
      display: block;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .wrap-content{
    float: right;
    width: ~"calc(80% - 40px)";
    min-height: 700px;
    padding: 20px 20px;
    .header{
      height: 40px;
      border-bottom: 1px solid #EEE;
      a{
        display: block;
        float: left;
        line-height: 40px;
        margin-right: 20px;
      }
      .header-right{
        float: right;
        .person{
          float: left;
          height: 100%;
          margin-right: 20px;
          a{
            float: left;
            display: block;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 10px;
            cursor: pointer;
            img{
              margin-top: 5px;
              width: 30px;
              height: 30px;
            }
          }
          span{
            float: right;
            line-height: 40px;
          }
        }
        .exit{
          float: right;
          display: block;
          line-height: 40px;
          margin-right: 20px;
          cursor: pointer;
        }
      }
    }
  }
}
